<!DOCTYPE html>
<html>
<head lang="en">
    <link rel="stylesheet" type="text/css" href="../css/navigation.css" />
    <link rel="stylesheet" type="text/css" href="../css/pay_for_item.css" />
    <script src="../javascript/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="../javascript/pay_for_item.js">
    </script>
    <script type="text/javascript" src="../javascript/jquery-tmpl.min.js">
    </script>
    <script type="text/javascript" src="../javascript/lodash.js">
    </script>
    <script id="model" type="text/x-jquery-tmpl">
        <tr>
            <td>${Sort}</td>
            <td>${Name}</td>
            <td>${Price}</td>
            <td>${Unit}</td>
            <td>${count}</td>
            <td><b id=${id}subtotal>{{if free_count>0}}${Price*(count-free_count)}元(原价:&nbsp;&nbsp;&nbsp;${Price*count}元){{else}}${Price*count}元{{/if}}</b></td>
        </tr>
    </script>
    <script id="promotion_model" type="text/x-jquery-tmpl">
        <tr>
            <td>${Sort}</td>
            <td>${Name}</td>
            <td>${free_count}</td>
        </tr>
    </script>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div class="navigation">
    <div class="left_list">
        <ul>
            <li><a href="item_list.html" class="welcome_page">Let's Go</a></li>
            <li><a href="home.html" class="home" >主页</a></li>
            <li><a href="item_list.html"class="item_list">商品列表</a></li>
        </ul>
    </div>
    <div class="right_list">
        <a href="cart_list.html" class="cart_list"><img src="../shopping_cart.png" />购物车(<b id="goods_count">0</b>)</a>
    </div>
    <div style="clear:both;"></div>
</div>
    <div class="whole_table">
        <div class="title_stytle">
            <caption>购物清单</caption>
        </div>
        <div id="print_time"></div>
        <div class="inside_table">
            <table>
                <thead id="table_head">
                <tr>
                    <th class="sort">分类</th>
                    <th class="name">名称</th>
                    <th class="price">单价(元)</th>
                    <th class="unit">单位</th>
                    <th class="count">数量</th>
                    <th class="subtotal">小计</th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
        <div class="get_items_free" id="get_pay_free">
            <caption>赠送商品</caption>
        </div>
        <div class="inside_table">
            <table>
                <thead id="free_table_head">
                <tr>
                    <th class="save_sort">分类</th>
                    <th class="save_name">名称</th>
                    <th class="save_count">数量</th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
        <div id="settle_accounts">
            <p><span>总计:&nbsp;&nbsp;</span><span id="amount"></span><span>元</span></p>
            <p><span>节省:&nbsp;&nbsp;</span><span id="save"></span><span>元</span></p>
            <input type="button" id="pay" value="确认" onclick="location.href='../html/item_list.html'">
        </div>
    </div>
</body>
</html>